<template>
<p>ColorPicker 支持普通颜色，也支持带 Alpha 通道的颜色，通过<code>show-alpha</code>属性即可控制是否支持透明度的选择。 要启用 Alpha 选择，只需添加 <code>show-alpha</code> 属性。</p>
  <el-color-picker v-model="color" show-alpha />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const color = ref('rgba(19, 206, 102, 0.8)')
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>